{extend name="base"/}
{block name="resources"}
<link rel="stylesheet" type="text/css" href="INDEX_CSS/index.css"/>
{/block}
{block name="main"}
<div class="ns-banner">
	<img src="INDEX_IMG/banner.png" />

	<div class="ns-banner-desc">
		<h1>轻松开启小程序店铺</h1>
		<h4>免费 / 安全 / 专业 / 便捷</h4>
		<a href="javascript:;" onclick="freeOpenShop()" class="layui-btn ns-bg-color">免费开店</a>
	</div>
</div>

<div class="ns-content">
	<div class="ns-content-box">
		<!-- 小程序介绍 -->
		<div class="ns-content-title">
			<h2>专业的小程序开店工具</h2>
			<h4 class="ns-font-color">专业 / 高效 / 便捷 / 省心</h4>
		</div>

		<div class="ns-content-applet">
			<div class="ns-applet-img">
				<img src="INDEX_IMG/applet.png" />
			</div>

			<div class="ns-applet-desc">
				<h3>商城小程序</h3>
				<p class="ns-font-color">小程序新零售，打通小程序、公众号、微信支付等，从商品、订单、支付、会员管理等完整的小程序开店方案。</p>
				<a class="layui-btn ns-bg-color" onclick="freeOpenShop()">免费开店</a>
				<a class="layui-btn layui-btn-primary">了解更多</a>
			</div>
		</div>

		<!-- 营销活动介绍 -->
		<div class="ns-content-title">
			<h2>丰富多样的营销活动</h2>
			<h4 class="ns-font-color">您的小程序店铺得力助手</h4>
		</div>

		<div class="ns-content-addon">
			<div class="ns-addon">
				<img src="INDEX_IMG/seckill.png" />
				<h4 class="ns-font-color">限时秒杀</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/coupon.png" />
				<h4 class="ns-font-color">优惠券</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/pintuan.png" />
				<h4 class="ns-font-color">拼团</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/bargain.png" />
				<h4 class="ns-font-color">砍价</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/groupbuy.png" />
				<h4 class="ns-font-color">团购</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/freeshipping.png" />
				<h4 class="ns-font-color">满额包邮</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/topic.png" />
				<h4 class="ns-font-color">专题活动</h4>
			</div>

			<div class="ns-addon">
				<img src="INDEX_IMG/bundling.png" />
				<h4 class="ns-font-color">组合套餐</h4>
			</div>
		</div>

		<!-- 售后 -->
		<div class="ns-content-title">
			<h2>全行业全场景的电商解决方案</h2>
			<h4 class="ns-font-color">让您的小程序店铺更加专业</h4>
		</div>

		<div class="ns-content-applet ns-content-solve">
			<div class="ns-content-desc">
				<h3>3分钟搭建移动商城</h3>
				<p>深挖行业特点 匹配产品功能，提供全行业解决方案</p>
				<h3>近百种营销工具</h3>
				<p>社群营销&节日营销，拉新、转化、复购面面俱到</p>
				<h3>系统化管理客户</h3>
				<p>客户画像帮您了解客户，会员卡/储值卡实现精准营销</p>
				<a class="layui-btn ns-bg-color ns-margin-top">了解更多</a>
			</div>

			<div class="ns-applet-img">
				<img src="INDEX_IMG/solve.png" />
			</div>
		</div>

		<!-- 开店 -->
		<div class="ns-content-title">
			<h2>五步开店 极速上线</h2>
			<h4 class="ns-font-color">让您开店无忧，畅想新生活</h4>
		</div>
		<div class="ns-set_up_shop">
			<div class="ns-set_up_shop-step">
				<img src="INDEX_IMG/set_up_shop1.png">
				<h4>注册/授权小程序</h4>
				<p class="ns-font-color">人脸识别注册小程序</p>
				<p class="ns-font-color">或授权小程序立即开店</p>
				<span class="ns-next">
					<img src="INDEX_IMG/step_next.png"/>
				</span>
			</div>
			<div class="ns-set_up_shop-step">
				<img src="INDEX_IMG/set_up_shop2.png">
				<h4 class="ns-font-color">绑定支付</h4>
				<p>开通收款账户</p>
				<p>支持对私和对公收款</p>
				<span class="ns-next">
					<img src="INDEX_IMG/step_next.png"/>
				</span>
			</div>
			<div class="ns-set_up_shop-step">
				<img src="INDEX_IMG/set_up_shop3.png">
				<h4 class="ns-font-color">上传商品</h4>
				<p >设置商品分类</p>
				<p >上传编辑商品信息</p>
				<span class="ns-next">
					<img src="INDEX_IMG/step_next.png"/>
				</span>
			</div>
			<div class="ns-set_up_shop-step">
				<img src="INDEX_IMG/set_up_shop4.png">
				<h4 class="ns-font-color">装修店铺</h4>
				<p >店铺装修里装修</p>
				<p >店铺设置活动等</p>
				<span class="ns-next">
					<img src="INDEX_IMG/step_next.png"/>
				</span>
			</div>
			<div class="ns-set_up_shop-step">
				<img src="INDEX_IMG/set_up_shop5.png">
				<h4 class="ns-font-color">提交审核</h4>
				<p>版本管理里提交审核</p>
				<p>审核通过发布上线即可</p>
			</div>
		</div>
		<div class="ns-set_up_shop-btn"><a class="layui-btn ns-bg-color ns-margin-top" onclick="freeOpenShop()">立即免费开店</a></div>

	</div>
</div>
{/block}
{block name="script"}
<script id="openShop" type="text/html">
	<div class="free-open-shop">
		<span>请联系官方客服，联系方式如下：</span>
		{if $website_info.web_phone}
		<span>电话联系：{$website_info.web_phone}</span>
		{/if}
		{if $website_info.web_qq}
		<span> QQ联系：{$website_info.web_qq}</span>
		{/if}
		{if $website_info.web_weixin}
		<span>微信联系：{$website_info.web_weixin}</span>
		{/if}
		{if $website_info.web_email}
		<span>邮箱联系：{$website_info.web_email}</span>
		{/if}
	</div>

</script>
<script>
	var businessType = "{$business_type}";

	//免费开店
	function freeOpenShop(){
		if(businessType == 3){
			location.href = ns.url("home/index/index");
		}else{
			layer.open({
				type: 1,
				title: "免费开店",
				content: $("#openShop").html(),
				area: ['450px', 'auto']
			});
		}
	}
</script>

{/block}